
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例写法</title>

<link rel="stylesheet" href="../css/iziToast.min.css">
<link rel="stylesheet" href="../css/demo.css">
</head>
<body>

<main>
	<section class="cd-section" id="Welcome">
		<div class="highlight bg">
			<div class="core">
					<span class="examples">实例</span>
					<ul class="buttons" class="trigger-warning" >
						ks 
						<li><a href="#" class="trigger-warning" >(单击触发)警告</a></li>
					
						<li class="lava"></li>
						
						
					</ul>
				</div>
				 
		</div>
	</section>
</main>

<script src="../js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="../js/iziToast.min.js" type="text/javascript"></script>
<script>
	


//
// CONFIG IZIToast
//



	
	$(".trigger-warning").on('click', function (event) {
    event.preventDefault();

    iziToast.warning({
        title: '警告',
        message: '您有一条新的告警消息！',
        position: 'topCenter',
        transitionIn: 'flipInX',
        transitionOut: 'flipOutX'
    });
});
	
</script>

</body>
</html>